import Link from 'next/link'
import Image from 'next/image'
import LogoImage from '@/images/logo.png'
import { _signUpWithGoogle } from '@/utils/firebase.js'
import SignUpBtn from '@/components/SignUpBtn'

export function Header() {
  return (
    <header className="py-5 sm:py-10">
      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <nav className="relative z-50 flex justify-between">
          <div className="flex items-center md:gap-x-12">
            <Link href="/" aria-label="Home">
              <div className="flex justify-center items-center">
                <Image src={LogoImage} width={100} alt="RedGrowth" />
              </div>
            </Link>
          </div>
          <div className="flex items-center gap-x-5 md:gap-x-8">
            <SignUpBtn />
          </div>
        </nav>
      </div>
    </header>
  )
}
